<template>
  <div>
    <!-- <p :class="{black: isBlack,yellow: isyellow}">使用class</p> -->
    <p :class="[black,yellow]">使用class（数组）</p>
    <p :style="styleData">使用style</p>
  </div>
</template>

<script>
export default {
    data(){
        return {
            // isBlack: true,
            // isyellow: true
            black: 'black',
            yellow: 'yellow',

            styleData:{
                fontSize: '60px', // 转换为驼峰式
                color: 'orange',
                backgroundColor: '#ccc' // 转换为驼峰式
            }
        }
    }

}
</script>

<style>
    .black {
        background-color: #999;
    }
    .yellow {
        color: yellow;
    }
</style>